<template>
	<div>
		<h1>DEMO1</h1>
	</div>

</template>

<script>
	export default {
		beforeCreate() {
			console.log("DEMO1 beforeCreate");
		},
		created() {
			console.log("DEMO1 created");
		},
		beforeMount() {
			console.log("DEMO1 beforeMount");
		},
		mounted() {
			console.log("DEMO1 mounted");
		},
		beforeUpdate() {
			console.log("DEMO1 beforeUpdate");
		},
		updated() {
			console.log("DEMO1 updated");
		},
		beforeDestroy() {
			console.log("DEMO1 beforeDestroy");
		},
		destroyed() {
			console.log("DEMO1 destroyed");
		},
		

	}
</script>

<style scoped>
</style>